﻿<!DOCTYPE html>
<html ng-app="myApp">

<head>
    <link data-require="bootstrap-css@3.2.0" data-semver="3.2.0" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
    <script data-require="angular.js@1.2.25" data-semver="1.2.25" src="https://code.angularjs.org/1.2.25/angular.js"></script>
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
    <script src="jquery-2.1.4.min.js"></script>

    <script src="FunctionCommon.js"></script>

    <script src="pageSelect.directive.js"></script>
    <script src=smart-table.debug.js></script>


</head>

<body ng-controller="mainCtrl">
    <table id="myFilesAllItem" st-table="displayed" class="table table-striped">
        <thead>
            <tr>
                <th st-ratio="10"><input id="allFilesSelectCheckbox" type="checkbox" onchange="allSelectCheckbox(this);"></th>
                <th st-ratio="20" st-sort="firstName">first name</th>
                <th st-ratio="20" st-sort="lastName">last name</th>
                <th st-ratio="10" st-sort="age">age</th>
                <th st-ratio="30" st-sort="email">email</th>
                <th st-ratio="20" st-sort="balance">balance</th>
            </tr>
            <tr>
                <th>

                </th>
                <th>
                    <input placeholder="search firstname" st-search="firstName" />
                </th>
                <th>
                    <input placeholder="search lastName" st-search="lastName" />
                </th>
                <th>
                    <input placeholder="search age" st-search="age" />
                </th>
                <th>
                    <input placeholder="search email" st-search="email" />
                </th>
                <th>
                    <input placeholder="search balance" st-search="balance" />
                </th>
            </tr>
        </thead>
        <tbody>
            <tr class="myFilesOneItem" ng-repeat="row in displayed">
                <td>
                    <label class="myCheckbox" style="cursor: pointer">
                        <input type="checkbox" />
                        <span class="text"></span>
                    </label>
                </td>
                <td st-ratio="20">{{row.firstName}}</td>
                <td st-ratio="20">{{row.lastName | uppercase}}</td>
                <td st-ratio="10">{{row.age}}</td>
                <td st-ratio="30">{{row.email}}</td>
                <td st-ratio="20">{{row.balance | currency}}</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td colspan="5" class="text-center">
                    <div st-items-by-page="10000" st-pagination="" st-template="pagination.custom.html"></div>
                </td>
            </tr>
        </tfoot>
    </table>
</body>
</html>


